import React, {Component} from 'react';
import './App.css';
import StoreView from './components/redux/StoreView.js';
import Suspense from './components/suspense/Suspense';
import Context from './components/context/TestContext';
import {Route,Link} from 'react-router-dom';

class App extends Component {
    render() {
        return (
            <div className="App">
                <div style={{display:'inline'}} className={'nav'}>
                    <Link to='/'>store-view</Link>
                    <Link to={'/suspense'}>suspense</Link>
                    <Link to={'/context'}>context</Link>
                </div>

                <Route exact  path={'/'} component={StoreView}/>
                <Route path={'/suspense'} component={Suspense}/>
                <Route path={'/context'} component={Context}/>


                {/*<StoreView> </StoreView>
                <Suspense> </Suspense>
                <Context/>*/}
            </div>
        );
    }
}

export default App;
